@charset "utf-8";
.web{
    .news{
        padding-top:56px;
        .new-desc{
            h1{
                font-size: 30px;
                color: #ff6b08;
                margin: 42px 0 40px;
            }
            .new-topimg{
                .new-img{
                    margin-bottom: 27px;
                    .img{
                        width:302px ;
                        height: 180px;
                        overflow: hidden;
                        position: relative;
                        border-radius: 8px;
                        img{
                            height: 100%;
                        }
                        p{
                            font-size:14px ;
                            color: #fff;
                            width: 302px;
                            height: 40px;
                            line-height: 40px;
                            background: rgba(0,0,0,0.5);
                            position: absolute;
                            top: 137px;
                            text-align: center;
                        }
                        p:hover{
                            color: lightgreen;
                        }
                    }
                }
                .new-content{
                    margin-top: 60px;
                    .content-img{
                        .img{
                            width:210px ;
                            height: 126px;
                             
                            img{
                                width: 100%;
                                border-radius:8px;
                            }
                        }
                    }
                    .content{
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-start;
                        h2{
                            font-size: 18px;
                            color: #2a2a2a;
                        }
                        h2:hover{
                            color:#ff6b08 ;
                        }
                        p{
                            font-size: 14px;
                            margin-top: 13px;
                            margin-bottom: 18px;
                            line-height: 25px;
                            color: #2a2a2a;
                            
                        }
                        p:nth-child(3){
                            margin-top: 0;
                        }
                        a{
                            display: block;
                            width: 98px;
                            height: 32px;
                            border-radius:10px ;
                            border: 1px solid #ff6b08;
                            color: #ff6b08;
                            text-align: center;
                            text-decoration: none;
                            align-self: flex-end;
                        }
                        a:hover{
                            background:#ff6b08 ;
                            color: #fff;
                        }
                    }
                }
            }
        }
        
    }
}
@media only screen and (max-width:768px){
   .web{
       .news{
           .new-desc{
               .new-topimg{
                   .new-img{
                       overflow: hidden;
                       .img{
                          width: 100%;
                          height: 80px;
                          img{
                              width: 100%;
                          }
                       }
                       p{
                           display: none;
                       }
                   }
                   .new-content{
                       .row{
                           .content-img{
                               .img{
                                   width: 125%;
                                   height: 100px;
                               }
                           }
                           .content{
                               padding-left: 30px;
                               p:nth-child(3){
                                   display: none;
                               }
                               a{
                                   display: none;
                               }
                           }
                       }
                   }
               }
           }
       }
   } 
}
@media only screen and (max-width:414px){
   .web{
       .news{
           .new-desc{
               .new-topimg{
                   .new-img{
                       overflow: hidden;
                       .img{
                          width: 100%;
                          height: 80px;
                          img{
                              width: 100%;
                          }
                       }
                       p{
                           display: none;
                       }
                   }
                   .new-content{
                       margin-top: 20px;
                       .row{
                               height: 110px;
                           .content-img{
                               .img{
                                   width: 150%;
                                   height: 100px;
                               }
                           }
                           .content{
                               h2{font-size: 14px;}
                               padding-left: 30px;
                               p:nth-child(3){
                                   display: none;
                               }
                               a{
                                   display: none;
                               }
                           }
                       }
                   }
               }
           }
       }
   } 
}
@media only screen and (max-width:320px){
   .web{
       .news{
           .new-desc{
              h1{margin: 16px 0 20px;} 
               .new-topimg{
                   .new-img{
                       overflow: hidden;
                       .img{
                          width: 100%;
                          height: 80px;
                          img{
                              width: 100%;
                          }
                       }
                       p{
                           display: none;
                       }
                   }
                   .new-content{
                       margin-top: 20px;
                       .row{
                               height: 110px;
                           .content-img{
                               .img{
                                   width: 195%;
                                   height: 100px;
                               }
                           }
                           .content{
                               h2{font-size: 14px;}
                               padding-left: 30px;
                               p:nth-child(3){
                                   display: none;
                               }
                               a{
                                   display: none;
                               }
                           }
                       }
                   }
               }
           }
       }
   } 
}
